<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <!-- SEO优化 -->
    <title>品优购网MAN来为您提供最高质量的网购体验正品低价,廉价好物</title>
    <meta name="description" content="品优购商城-专业的综合网上购物商城,销售家电、数码通讯、
        电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、
        诚信的服务，为您提供愉悦的网上购物体验!" />
    <meta name="keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,
        相机,数码,配件,手表,存储卡,京东" />
    <link rel="shortcut icon" href="favcion.ico" />
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="fonts/font.css">
    <link rel="stylesheet" href="css\index.css">
    <style>
        .div{
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    </style>
</head>

<body>
    <!-- <div class="w2">请稍后</div> -->
    <!-- 快捷导航模块 start-->
    <section class="shortcut">
        <div class="w">
            <div class="fl">
                <ul>
                    <li>品优购欢迎您!&nbsp;&nbsp;&nbsp;</li>
                    <li>
                        <a href="#" class="style_red">请登录&nbsp;&nbsp;</a>
                        <a href="regist.html">免费注册</a>
                    </li>
                </ul>
            </div>
            <div class="fr">
                <ul>
                    <li>我的订单</li>
                    <li class="a1">|</li>
                    <li>我的品优购&nbsp;<span class="iconfont icon-xiasanjiao"></span></li>
                    <li class="a1">|</li>
                    <li>品优购会员</li>
                    <li class="a1">|</li>
                    <li>企业采购</li>
                    <li class="a1">|</li>
                    <li>关注品优购</li>
                    <li class="a1">|</li>
                    <li>客户服务</li>
                    <li class="a1">|</li>
                    <li>网站导航<span class="iconfont icon-xiasanjiao-copy-copy"></span></li>
                </ul>
            </div>
            <div>
    </section>
    <!-- 快捷导航模块 end-->
    <!-- 头部模块制作 start -->
    <header class="header w">
        <div class="shiyan"></div>
        <div class="logo">
            <h1><a href="index.html" title="Man的小商城">品优购商城</a></h1>
        </div>
        <div class="search">
            <input type="search" placeholder="语言开发">
            <button>搜索</button>
        </div>
        <div class="hotwords">
            <a href="#" class="style_red">优惠购首发</a>
            <a href="#">亿元优惠</a>
            <a href="#">9.9元团购</a>
            <a href="#">Man的补贴</a>
            <a href="#">办公用品</a>
            <a href="#">电脑</a>
            <a href="#">通信</a>
        </div>
        <div class="shopcar">
            <span class="iconfont icon-gouwucheman"></span>
            <span>我的购物车</span>
            <span class="iconfont icon-xiangyoujiantou"></span>
            <p class="count">8</p>

        </div>

    </header>
    <!-- 头部模块制作 end -->
    <!-- 导航栏模块制作 start -->
    <nav class="nav">
        <div class="w">
            <div class="dropdown">
                <div class="dt">全部商品的分类</div>
                <div class="dd">
                    <ul>
                        <li><a href="#">家用电器 <span style="font-size: 14px;"
                                    class="iconfont icon-xiangyoujiantou"></span></a></li>
                        <li><a href="#">手机、<span style="font-size: 14px;"
                                    class="iconfont icon-xiangyoujiantou"></span><a href="">数码、</a></a><a href="">通信</a>
                        </li>
                        <li><a href="#">电脑、办公<span style="font-size: 14px;"
                                    class="iconfont icon-xiangyoujiantou"></span></a></li>
                        <li><a href="#">家居、家具、家装、厨具<span style="font-size: 14px;"
                                    class="iconfont icon-xiangyoujiantou"></span></a></li>
                        <li><a href="#">男装、女装、童装<span style="font-size: 14px;"
                                    class="iconfont icon-xiangyoujiantou"></span></a></li>
                        <li><a href="#">个户化妆、清洁用品、宠物<span style="font-size: 14px;"
                                    class="iconfont icon-xiangyoujiantou"></span></a></li>
                        <li><a href="#">鞋靴、箱包、珠宝、奢侈品<span style="font-size: 14px;"
                                    class="iconfont icon-xiangyoujiantou"></span></a></li>
                        <li><a href="#">运动户外、MAN<span style="font-size: 14px;"
                                    class="iconfont icon-xiangyoujiantou"></span></a></li>
                        <li><a href="#">汽车、汽车用品<span style="font-size: 14px;"
                                    class="iconfont icon-xiangyoujiantou"></span></a></li>
                        <li><a href="#">母婴、婴幼儿玩具<span style="font-size: 14px;"
                                    class="iconfont icon-xiangyoujiantou"></span></a></li>
                        <li><a href="#">食品酒类<span style="font-size: 14px;"
                                    class="iconfont icon-xiangyoujiantou"></span></a></li>
                        <li><a href="#">食药保健<span style="font-size: 14px;"
                                    class="iconfont icon-xiangyoujiantou"></span></a></li>
                        <li><a href="#">图书、图像、电子书<span style="font-size: 14px;"
                                    class="iconfont icon-xiangyoujiantou"></span></a></li>
                        <li><a href="#">新葡京澳门赌场<span style="font-size: 14px;"
                                    class="iconfont icon-xiangyoujiantou"></span></a></li>
                        <li><a href="#">理财、贷款<span style="font-size: 14px;"
                                    class="iconfont icon-xiangyoujiantou"></span></a></li>
                    </ul>
                </div>
            </div>
            <div class="navitems">
                <ul>
                    <li><a href="Birthdayyuan.html">BIRTHDAY</a></li>
                    <li><a href="list.html">零元偷</a></li>
                    <li><a href="list.html">美妆馆</a></li>
                    <li><a href="list.html">全球购</a></li>
                    <li><a href="list.html">阿里PAY</a></li>
                    <li><a href="list.html">抖音精选</a></li>
                    <li><a href="list.html">电子书城</a></li>
                    <li><a href="list.html">扑克牌九</a></li>
                    <li><a href="list.html">炸金花</a></li>
                </ul>
            </div>
        </div>


    </nav>
    <!-- 导航栏模块制作 end -->
          <!-- 首页模块制作--------------------------------- -->
       <!-- main模块制作  start -->
        <div class="w">
            <div class="main">
                <div class="focus">
                    <ul>
                        <li>
                            <img src="upload\focus1n.png" alt="">
                        </li>
                    </ul>
                </div>
                <div class="newsflash">
                    <div class="news">
                        <div class="newshd">
                            <h5>品优购快报</h5>
                            <a href="#" class="more">更多<span class="iconfont icon-xiangyoujiantou" style="font-size: 12px;"> </span></a>
                        </div>
                        <div class="newsbd">
                            <ul>
                               <li><a href="#"><strong>[特惠]</strong>备战开学季，全民免费购数码</a></li>
                               <li><a href="#"><strong>[公告]</strong>网站维护开放将在25日之前完成</a></li>
                               <li><a href="#"><strong>[特惠]</strong>扑克牌九免费教程扫V领取</a></li>
                               <li><a href="#"><strong>[特惠]</strong>阳澄湖盗版大闸蟹1块劲爆抢购</a></li>
                               <li><a href="#"><strong>[公告]</strong>承德避暑山庄门票特价贱卖</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="lifeservice">
                        <ul>
                            <li>
                               <i class="i1"></i>
                               <p>话费</p>
                            
                            </li>
                            <li> <i class="i2"></i>
                                <p>坠机</p></li>
                            <li> <i class="i3"></i>
                                <p>调色</p></li>
                            <li> <i class="i4"><div>减</div></i>
                                <p>马内</p></li>
                                <li>
                                    <i class="i1"></i>
                                    <p>话费</p>
                                 
                                 </li>
                                 <li> <i class="i2"></i>
                                     <p>坠机</p></li>
                                 <li> <i class="i3"></i>
                                     <p>调色</p></li>
                                 <li> <i class="i4"></i>
                                     <p>马内</p></li>
                                     <li>
                                        <i class="i1"></i>
                                        <p>话费</p>
                                     
                                     </li>
                                     <li> <i class="i2"></i>
                                         <p>坠机</p></li>
                                     <li> <i class="i3"></i>
                                         <p>调色</p></li>
                                     <li> <i class="i4"></i>
                                         <p>马内</p></li>
                        </ul>
                    </div>
                    <div class="bargain">
                        <img src="upload\focus3.png" alt="">
                    </div>
                </div>
            </div>
        </div>
     <!-- main模块制作  end -->
      <!-- 推荐模块制作 start -->
       <div class="w">
        <div class="recommend">
            <div class="recommend_hd"><img src="images\rec1.png" alt="">

            </div>
            <div class="recommend_bd">
                <ul>
                    <li><img src="images\pic.png" alt=""></li>
                    <li><img src="images\pic.png" alt=""></li>
                    <li><img src="images\pic.png" alt=""></li>
                    <li><img src="images\pic.png" alt=""></li>
                </ul>

            </div>
            

        </div>

       </div>
      <!-- 推荐模块制作 end -->
       <!-- 楼层区模块制作 start -->
        <div class="floor">
            <div class="w jiadian">
                <div class="box_hd">
                    <h3>家用电器</h3>
                    <div class="tab_list">
                        <ul>
                            <li><a href="#" class="style_red">热门</a>|</li>
                            <li><a href="#">冰箱彩电</a>|</li>
                            <li><a href="#">空调</a>|</li>
                            <li><a href="#">洗衣机</a>|</li>
                            <li><a href="#">电风扇</a>|</li>
                            <li><a href="#">电磁炉</a>|</li>
                            <li><a href="#">ak-47</a>|</li>
                            <li><a href="#">ak-12</a>|</li>
                            <li><a href="#">电暖气</a></li>
                        </ul>
                    </div>
                </div>
                <div class="box_bd">
                    <div class="tab_content">
                        <div class="tab_list_items">
                            <div class="c1">
                                <ul>
                                    <li><a href="#">节能补贴</a></li>
                                    <li><a href="#">热水器低价</a></li>
                                    <li><a href="#">电饭煲</a></li>
                                    <li><a href="#">农夫山泉</a></li>
                                    <li><a href="#">不知道写啥</a></li>
                                    <li><a href="#">看着买</a></li>
                                </ul>
                                <a href=""><img src="images\w1.png" alt=""></a>
                            </div>
                            <div class="c2">
                                <a href="#"><img src="images\w2.png" alt=""></a>
                                <a href="#" class="prev">&lt;</a>
                                <a href="#" class="next">&gt;</a>
                                <ul class="nav1">
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                </ul>
                            </div>
                            <div class="c3">
                                <a href="#" class="a1" style="display: block;"><img src="images\t1.png" alt=""></a>
                                <a href="#"><img src="images\t2.png" alt=""></a>
                            </div>
                            <div class="c4"><a href="#"><img src="images\k1.png" alt=""></a></div>
                            <div class="c5"><a href="#"><img src="images\k6.png" alt=""></a></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="w jiadian">
                <div class="box_hd">
                    <h3>手机通讯</h3>
                    <div class="tab_list">
                        <ul>
                            <li><a href="#" class="style_red">热门</a>|</li>
                            <li><a href="#">冰箱彩电</a>|</li>
                            <li><a href="#">空调</a>|</li>
                            <li><a href="#">洗衣机</a>|</li>
                            <li><a href="#">电风扇</a>|</li>
                            <li><a href="#">电磁炉</a>|</li>
                            <li><a href="#">ak-47</a>|</li>
                            <li><a href="#">ak-12</a>|</li>
                            <li><a href="#">电暖气</a></li>
                        </ul>
                    </div>
                </div>
                <div class="box_bd">
                    <div class="tab_content">
                        <div class="tab_list_items">
                            <div class="c1">
                                <ul>
                                    <li><a href="#">节能补贴</a></li>
                                    <li><a href="#">热水器低价</a></li>
                                    <li><a href="#">电饭煲</a></li>
                                    <li><a href="#">农夫山泉</a></li>
                                    <li><a href="#">不知道写啥</a></li>
                                    <li><a href="#">看着买</a></li>
                                </ul>
                                <a href=""><img src="images\c9.png" alt=""></a>
                            </div>
                            <div class="c2">
                                <a href="#"><img src="images\shouji.png" alt=""></a>
                                <a href="#" class="prev">&lt;</a>
                                <a href="#" class="next">&gt;</a>
                                <ul class="nav1">
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                </ul>
                            </div>
                            <div class="c3">
                                <a href="#" class="a1" style="display: block;"><img src="images\t1.png" alt=""></a>
                                <a href="#"><img src="images\t2.png" alt=""></a>
                            </div>
                            <div class="c4"><a href="#"><img src="images\k1.png" alt=""></a></div>
                            <div class="c5"><a href="#"><img src="images\k6.png" alt=""></a></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="w jiadian">
                <div class="box_hd">
                    <h3>拍个照片</h3>
                    <div class="tab_list">
                        <ul>
                            <li><a href="#" class="style_red">热门</a>|</li>
                            <li><a href="#">冰箱彩电</a>|</li>
                            <li><a href="#">空调</a>|</li>
                            <li><a href="#">洗衣机</a>|</li>
                            <li><a href="#">电风扇</a>|</li>
                            <li><a href="#">电磁炉</a>|</li>
                            <li><a href="#">ak-47</a>|</li>
                            <li><a href="#">ak-12</a>|</li>
                            <li><a href="#">电暖气</a></li>
                        </ul>
                    </div>
                </div>
                <div class="box_bd">
                    <div class="tab_content">
                        <div class="tab_list_items">
                            <div class="c1">
                                <ul>
                                    <li><a href="#">节能补贴</a></li>
                                    <li><a href="#">热水器低价</a></li>
                                    <li><a href="#">电饭煲</a></li>
                                    <li><a href="#">农夫山泉</a></li>
                                    <li><a href="#">不知道写啥</a></li>
                                    <li><a href="#">看着买</a></li>
                                </ul>
                                <a href=""><img src="images\w1.png" alt=""></a>
                            </div>
                            <div class="c2">
                                <a href="#"><img src="images\s1.png" alt=""></a>
                                <a href="#" class="prev">&lt;</a>
                                <a href="#" class="next">&gt;</a>
                                <ul class="nav1">
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                </ul>
                            </div>
                            <div class="c3">
                                <a href="#" class="a1" style="display: block;"><img src="images\t1.png" alt=""></a>
                                <a href="#"><img src="images\t2.png" alt=""></a>
                            </div>
                            <div class="c4"><a href="#"><img src="images\k1.png" alt=""></a></div>
                            <div class="c5"><a href="#"><img src="images\k6.png" alt=""></a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 楼层区模块制作 end -->
    <!-- 底部模块制作 start -->
    <footer class="footer">
        <div class="w">
            <div class="mod_service">
                <ul>
                    <li>
                        <div class="h1">
                            <img src="images\i1.png" alt="">
                        </div>
                        <div class="service_txt">
                            <h4>正品保障</h4>
                            <p> 正品保障,提供发票</p>
                        </div>
                    </li>
                    <li> <div class="h1">
                        <img src="images\i1.png" alt="">
                    </div>
                    <div class="service_txt">
                        <h4>正品保障</h4>
                        <p> 正品保障,提供发票</p>
                    </div></li>
                    <li> <div class="h1">
                        <img src="images\i1.png" alt="">
                    </div>
                    <div class="service_txt">
                        <h4>正品保障</h4>
                        <p> 正品保障,提供发票</p>
                    </div></li>
                    <li> <div class="h1">
                        <img src="images\i1.png" alt="">

                    </div>
                    <div class="service_txt">
                        <h4>正品保障</h4>
                        <p> 正品保障,提供发票</p>
                    </div></li>
                </ul>

            </div>
            <div class="mod_help">
                <dl>
                    <dd>服务指南</dd>
                    <dt><a href="#">购物流程</a></dt>
                    <dt><a href="#">会员介绍</a></dt>
                    <dt><a href="#">生活旅行/团购</a></dt>
                    <dt><a href="#">常见问题</a></dt>
                    <dt><a href="#">大型家电</a></dt>
                    <dt><a href="#">联系客服</a></dt>
                </dl>
                <dl>
                    <dd>服务指南</dd>
                    <dt><a href="#">购物流程</a></dt>
                    <dt><a href="#">会员介绍</a></dt>
                    <dt><a href="#">生活旅行/团购</a></dt>
                    <dt><a href="#">常见问题</a></dt>
                    <dt><a href="#">大型家电</a></dt>
                    <dt><a href="#">联系客服</a></dt>
                </dl>
                <dl>
                    <dd>服务指南</dd>
                    <dt><a href="#">购物流程</a></dt>
                    <dt><a href="#">会员介绍</a></dt>
                    <dt><a href="#">生活旅行/团购</a></dt>
                    <dt><a href="#">常见问题</a></dt>
                    <dt><a href="#">大型家电</a></dt>
                    <dt><a href="#">联系客服</a></dt>
                </dl>
                <dl>
                    <dd>服务指南</dd>
                    <dt><a href="#">购物流程</a></dt>
                    <dt><a href="#">会员介绍</a></dt>
                    <dt><a href="#">生活旅行/团购</a></dt>
                    <dt><a href="#">常见问题</a></dt>
                    <dt><a href="#">大型家电</a></dt>
                    <dt><a href="#">联系客服</a></dt>
                </dl>
                <dl>
                    <dd>服务指南</dd>
                    <dt><a href="#">购物流程</a></dt>
                    <dt><a href="#">会员介绍</a></dt>
                    <dt><a href="#">生活旅行/团购</a></dt>
                    <dt><a href="#">常见问题</a></dt>
                    <dt><a href="#">大型家电</a></dt>
                    <dt><a href="#">联系客服</a></dt>
                </dl>
                <dl>
                    <dd>帮助中心</dd>
                    <dt><a href="#">
                        <img src="images\code1.png" alt=""></a></dt>
                    <dt class="d1"><a href="#">品优购客户端</a></dt>
                </dl>
            </div>
            <div class="mod_copyright">
                <div class="links">关于我们 | 联系我们 | 联系客服 | 商家入驻 | 营销中心 |
                     手机品优购 | 友情链接 | 销售联盟 | 品优购社区 | 品优购公益 | English Site | Contact U</div>
                <div class="copyright">
                    地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn <br>
京ICP备08001421号京公网安备110108007702
                </div>
            </div>
        </div>


    </footer>
    <!-- 底部模块制作 end -->
   



</body>
<script src="weihu.js"></script>

</html>